.modalityLoading {
  .abs;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
  flex-direction: column;
  .loading {
    background-image: url("../img/icon_40_loading.png");
    width: 40px;
    height: 40px;
    margin: auto;
    margin-bottom: 10px;
    animation:turn 5s linear infinite;
  }
  .info {
    font-size: 14px;
    color: white;
    opacity: 0.8;
    margin: auto;
    margin-top: 10px;
  }
  &.open {
    display: flex;
  }
}
@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}